<template>
  <div class="login">
    <b-jumbotron  header="Vue.js 聊天"
                  lead="由 Chatkit SDK 和 Bootstrap-Vue 提供支持"
                  bg-variant="info"
                  text-variant="white">
      <p>欲了解更多信息，请访问网站</p>
      <b-btn target="_blank"
             href="https://pusher.com/chatkit">更多信息</b-btn>
    </b-jumbotron>
    <b-container>
      <b-row>
        <b-col lg="4" md="3">
        </b-col>
        <b-col lg="4" md="6">
          <LoginForm />
        </b-col>
        <b-col lg="4" md="3"></b-col>
      </b-row>
    </b-container>
  </div>
</template>

<script>
import LoginForm from '@/components/LoginForm.vue'

export default {
  name: "Login",
  components:{
    LoginForm
  }
}
</script>

<style scoped>

</style>
